import 'package:flutter/material.dart';

class LayoutPage1 extends StatelessWidget {
  const LayoutPage1({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Layout Demo'),
      ),
      body: Center(
        child: Column(
          children: [
            const SizedBox(height: 15),
            Container(
              height: 120.0,
              width: 120.0,
              color: Colors.green[50],
              child: const Align(
                alignment: Alignment.topRight,
                child: FlutterLogo(size: 60),
              ),
            ),
            const SizedBox(height: 15),
            Container(
              height: 120.0,
              width: 120.0,
              color: Colors.blue[50],
              child: const Align(
                alignment: Alignment(0.2, 0.5),
                child: FlutterLogo(size: 60),
              ),
            ),
            const SizedBox(height: 15),
            Container(
              height: 120.0,
              width: 120.0,
              color: Colors.red[50],
              child: const Align(
                alignment: FractionalOffset(0.5, 0.5),
                child: FlutterLogo(size: 60),
              ),
            ),
          ],
        ),
      ),
    );
  }
}